{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% comment %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}"/>
    {% endcomment %}
    <link rel="stylesheet" href="{% static 'tabler/tabler.css' %}">
    <link rel="stylesheet" href="{% static 'css/mycss.css' %}">
    <script src="https://tabler.bootmb.com/dist/js/tabler.min.js"></script>
    <title>MyBlog</title>
</head>

<body class="container">
<header class="header">
    <div class="container container-2xl">
        <nav class="row items-center">
            <div class="col-auto">
                <div class="d-flex itmes-center">
                    <a class="col-auto"><img src="{% static 'picture/navlogo.png' %}" alt="马总的博客网站"/></a>
                    <div class="ml-3 badge badge-outline">Beta</div>
                </div>
            </div>
            <div class="col-auto ml-auto">
                <div class="navbar">
                    <div class="navbar-menu">
                        <div  class="fix-list clearFix">
                            <a class="navbar-link" href="/">首页</a>
                            {% comment %} 分类列表 {% endcomment %}
                            {% for category in allcategory %}

                            <a class="navbar-link"
                               href="{% url 'index' %}list-{{category.id}}.html">{{category.name}}</a>

                            {% endfor %}
                            <a class="navbar-link" href="/about/">关于博主</a>
                        </div>
                    </div>
                </div>
            </div>
            </nav>
    </div>
</header>

{% block content %}

{% endblock %}

<div class="footer">
    <div class="footer_resize">
        <p class="lf">@ Copyright EdwinMa.
            <a href="">我的博客</a>
        </p>
        <ul class="fbd-footer-links ps-0 mb-3">
            {% for category in allcategory %}
            <li class="d-inline-block">
                <a href="{% url 'index' %}list-{{category.id}}.html">{{category.name}}</a>
            </li>
            {% endfor %}
        </ul>

    </div>


</div>

</body>
</html>

